body{min-width: 1200px; font-family: "Microsoft Yahei",SimHei,Arial;}
.container{max-width: 1200px;}
.p-s{position: sticky;top: 19px;}
.text-blue{color: #005bac;}
.bg-base{background: #005bac;}

.page-num, .page-link{color: #3285ff;}
.page-num-current{background: #3285ff;color: #fff;border-color:#3285ff;}

.top{background: linear-gradient(to bottom,#0671d0,#278bf0,#0671d0);}

.title h3{border-top: 3px solid #0085fe;}
.title .title-right .t-r-main{background: #0085fe; width: 250px;position: relative;}
.title .title-right .t-r-main:before{content: '';width: 0;height: 0;;position: absolute;left: -8px;top: 0px;border-top: 35px solid #0085fe;border-left: 9px solid transparent; }
.t-bg1,.t-bg2{width: 7px;height: 35px;transform: skewX(17deg);}
.t-bg2{background: #0085fe;}


.rec-pro .swiper-button-prev,
.environment .swiper-button-prev{margin-top: -31px; left: 0;background-image: url("data:image/svg+xml;charset=utf-8,<svg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'><path%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23dee2e6'%2F><%2Fsvg>");}
.rec-pro .swiper-button-next,
.environment .swiper-button-next{margin-top: -31px; right: 0;background-image: url("data:image/svg+xml;charset=utf-8,<svg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'><path%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23dee2e6'%2F><%2Fsvg>");}
.rec-pro .swiper-button-prev:focus,
.rec-pro .swiper-button-next:focus,
.environment .swiper-button-prev:focus,
.environment .swiper-button-next:focus{outline: none;}

.left dl{border:1px solid #aeacac;}
.left dt{background: linear-gradient(-30deg,#0d89fb 0%, #0d89fb 50%,#68a5e7 50%,#68a5e7 100%);}
.l-nav1{background: #3285ff;font-size: 17px;}

.centerbanner{background: url(../images/centerbanner.jpg) top center;background-size: cover;height: 197px;}
.centerbanner span{display: block; margin: auto;width: 67px;height: 67px;border:2px solid #fff;border-radius: 50%;line-height: 65px;text-align: center;color: #fff;font-size: 16px;font-weight: bold;}

.advantage{height: 1881px;background: url(../images/advbg.jpg) top center; background-size: cover;margin-top: 100px;}

.m-title,.sub-title,.adv-content{position: absolute;}
.m-title{font-size: 26px;}
.sub-title{font-size: 14px;font-family: Arial;font-style: italic;}
.adv-content{font-size: 17px; width: 508px;}
.adv-content span{color: #3385ff;}

.m-title1{left: 120px; top: 80px;}
.sub-title1{left: 120px;top: 114px;}

.m-title2{left: 720px; top: 468px;}
.sub-title2{left: 720px;top: 503px;}

.m-title3{left: 120px; top: 891px;}
.sub-title3{left: 120px;top: 924px;}

.m-title4{left: 720px; top: 1342px;}
.sub-title4{left: 720px;top: 1377px;}

.adv-content1{left: 62px;top: 187px;}
.adv-content2{left: 62px;top: 263px;}
.adv-content3{left: 662px;top: 569px;}
.adv-content4{left: 662px;top: 648px;}
.adv-content5{left: 662px;top: 709px;}
.adv-content6{left: 62px;top: 996px;}
.adv-content7{left: 62px;top: 1124px;}
.adv-content8{left: 662px;top: 1454px;}
.adv-content9{left: 662px;top: 1513px;}

.news{background: url(../images/newsbg.jpg) top center;}

.news .n-date{width: 80px;}
.news .n-content{width: 460px;}


.in-news .n-date{width: 70px;}
.in-news .n-content{width: 400px;}

.foot{background: #343434;}



.centerbanner1{background: url(../images/cb1.jpg) top center;}

.liucheng .out{width: 164px;height: 164px;transform: rotate(45deg);transform-origin:center center;}
.liucheng .in{transform: rotate(-45deg);transform-origin:center center;text-align: center; width: 100%;height: 100%;padding-top: 14px;}
.liucheng .in p:nth-child(3){margin-top: 9px;}
.liucheng .title span{position: relative;font-size: 36px;z-index: 1;}
.liucheng .title span:after{content: '';height: 8px;background-color: #3c8ff7;position: absolute;bottom: 2px;left: 0;width: 100%;z-index: -1;}
.liucheng .col .out{transition: all 0.3s;}
.liucheng .col:hover .out{background-color: #3c8ff7!important;cursor: pointer;}
.liucheng .col:hover .in{color: #fff;cursor: pointer;}
.liucheng .title h3{border-top:none;}

.in-yin {margin: 0 0 0 -18px;}
.in-yin li {float: left;width: 25%;}
.in-yin li a {display: block;position: relative;margin: 0 0 0 18px;overflow: hidden;-webkit-transition: all 0.5s;transition: all 0.5s;}
.in-yin li .tit {position: absolute;left: 0;bottom: 0;width: 100%;background-color: #0085fe;text-align: center;font-size: 18px;line-height: 85px;font-weight: bold;color: #fff;-webkit-transition: all 0.5s;transition: all 0.5s;}
.in-yin li .tit i {position: absolute;left: 50%;top: -23px;width: 46px;height: 46px;background: no-repeat center #142038;margin-left: -23px;border-radius: 50%;}
.in-yin li .text {position: absolute;left: 0;top: 100%;width: 100%;height: 100%;background-color: rgba(0,0,0,0.7);-webkit-transition: all 0.5s;transition: all 0.5s;}
.in-yin li .wrap {color: #fff;padding: 80px 30px 0;}
.in-yin li .wrap i {width: 64px;height: 64px;background: no-repeat center #0085fe;margin: 0 auto;border-radius: 50%;display: block;}
.in-yin li .wrap h4 {margin: 0;position: relative;line-height: 70px;font-size: 26px;text-align: center;}
.in-yin li .wrap h4:after {position: absolute;bottom: 0;left: 50%;content: '';height: 3px;width: 30px;background-color: #fff;margin-left: -15px;}
.in-yin li .wrap p {font-size: 16px;line-height: 1.8;text-align: justify;margin: 15px 0 0;}
.in-yin li a:hover {-webkit-transform: translateY(-20px);transform: translateY(-20px);}
.in-yin li a:hover .tit {bottom: -108px;}
.in-yin li a:hover .text {top: 0;}